import React from 'react';

const SimpleApp = () => {
  return (
    <div style={{
      width: '100vw',
      height: '100vh',
      backgroundColor: '#f0f2f5',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      fontFamily: 'Arial, sans-serif'
    }}>
      <div style={{
        padding: '40px',
        backgroundColor: 'white',
        borderRadius: '8px',
        boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
        textAlign: 'center',
        maxWidth: '500px'
      }}>
        <h1 style={{ color: '#1890ff', marginBottom: '20px' }}>React 应用测试</h1>
        <p style={{ color: '#666', fontSize: '16px', marginBottom: '20px' }}>
          如果你能看到这个页面，说明 React 应用正在正常运行！
        </p>
        <div style={{
          padding: '15px',
          backgroundColor: '#f6ffed',
          border: '1px solid #b7eb8f',
          borderRadius: '4px',
          color: '#52c41a'
        }}>
          ✅ React 渲染成功
        </div>
        <p style={{ marginTop: '20px', fontSize: '14px', color: '#999' }}>
          当前时间: {new Date().toLocaleString()}
        </p>
      </div>
    </div>
  );
};

export default SimpleApp;